<template>
<footer class="bg-inverse text-xs-center text-small">
	<div class="text-xs-center p-x-1 p-y-1 lang">
		<a @click="lang('en-us')" class="text-white clickable">English</a>
		<a @click="lang('zh-cn')" class="text-white clickable">中文</a>
	</div>
	<div class="p-x-1 p-y-1">
		©2014-2016 or-change, Co., Ltd. All rights reserved.
		<a class="text-white" target="_blank" href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action"> 津ICP备14003159号-2</a>
	</div>
</footer>	
</template>

<script>
import Vue from 'vue';
export default {
	methods: {
		lang: function (language) {
			Vue.config.lang = language;
		}
	}
}
</script>

<style lang="postcss" scoped>
.lang {
	background-color: #666;
}
.lang a {
	display: inline-block;
	padding: .5rem;
}
</style>
